<template>
    <div>
        <el-container>
            <el-header>
                <h3>桌位列表</h3>
                <el-button type="success" round @click="onAdd">添加</el-button>
                <el-button type="success" round>批量新增</el-button>
            </el-header>
            <el-container>
                <el-aside width="200px">
                    <el-table :data="areaData" stripe style="width: 100%">
                        <el-table-column prop="area" label="区域" width="180">
                        </el-table-column>
                    </el-table>
                </el-aside>
                
                <el-main>

                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script>
export default {
    data(){
        return{
            areaData:[
                {
                    area:'A区'
                },
                {
                    area:'B区'
                },
                {
                    area:'C区'
                }
            ]
        }
    },
    methods: {
        onAdd(){

        }
    }
}
</script>